/* src/styles/element-plus-overrides.scss */

// 导入你自己的变量文件，以便在这里使用
@import "./variables";

:root {
  //--- 全局变量覆盖 ---
  --el-color-primary: #{$sky-blue}; // 将 Element Plus 的主色调改为蓝色
  --el-menu-text-color: #{$sidebar-text-color};
  --el-menu-hover-text-color: #{$sidebar-active-text-color};
  --el-menu-active-color: #{$sidebar-active-text-color};
  --el-menu-bg-color: #{$sidebar-bg};
 --el-button-primary-text-color: #000; // 将 primary 按钮的文字颜色，设置为你在 _variables.scss 中定义的深色

  //--- 组件特定变量覆盖 ---
  // 例如，让 el-card 的阴影更柔和
  --el-card-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
}
